import axios from 'axios'
import { ElMessage } from 'element-plus'

// 动态配置 baseURL
// 开发环境：使用 /api 前缀（通过 Vite 代理转发）
// 生产环境：也使用 /api 前缀（通过 Nginx 代理转发）
const baseURL = '/api'  // 统一使用 /api，开发用 Vite 代理，生产用 Nginx 代理

// 创建 axios 实例
const request = axios.create({
  baseURL: baseURL,
  timeout: 10000,
  headers: {
    'Content-Type': 'application/json'
  }
})

// 请求拦截器
request.interceptors.request.use(
  config => {
    // 在发送请求之前做些什么
    // 可以在这里添加 token 等认证信息
    // const token = localStorage.getItem('token')
    // if (token) {
    //   config.headers.Authorization = `Bearer ${token}`
    // }
    
    // 调试：打印请求URL和参数
    if (config.method === 'get' && config.params) {
      console.log('GET请求URL:', config.baseURL + config.url)
      console.log('GET请求参数:', config.params)
    }
    
    return config
  },
  error => {
    // 对请求错误做些什么
    console.error('请求错误:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
request.interceptors.response.use(
  response => {
    // 对响应数据做点什么
    const { data, config } = response
    
    // 根据后端接口返回的数据结构进行调整
    // 这里假设后端返回的数据结构为 { code, data, message }
    
    // 调试：打印响应数据
    console.log('响应数据:', data)
    
    if (data.code === 200 || data.code === 0) {
      return data
    } else {
      // 特殊处理：logout接口即使失败也不显示错误（静默失败）
      const isLogoutRequest = config.url && config.url.includes('/auth/logout')
      
      if (isLogoutRequest) {
        // 对于logout接口，静默处理错误，不显示提示，不抛出异常
        console.log('退出登录接口响应（静默处理）:', data)
        return data // 直接返回数据，不抛出错误
      }
      
      // 显示后端返回的具体错误信息
      const errorMessage = data.message || '请求失败'
      console.error('后端返回错误:', data)
      ElMessage.error(errorMessage)
      return Promise.reject(new Error(errorMessage))
    }
  },
  error => {
    // 特殊处理：logout接口即使网络错误也静默处理
    const isLogoutRequest = error.config && error.config.url && error.config.url.includes('/auth/logout')
    
    if (isLogoutRequest) {
      // 对于logout接口，完全静默处理
      console.log('退出登录接口网络错误（静默处理）')
      return Promise.resolve({ code: 200, message: '退出成功', data: null })
    }
    
    // 对响应错误做点什么
    console.error('响应错误:', error)
    console.error('错误详情:', {
      message: error.message,
      code: error.code,
      response: error.response,
      request: error.request
    })
    
    let message = '请求失败'
    if (error.response) {
      // 服务器响应了错误状态码
      switch (error.response.status) {
        case 400:
          message = '请求参数错误'
          break
        case 401:
          message = '未授权，请重新登录'
          break
        case 403:
          message = '拒绝访问'
          break
        case 404:
          message = '请求的资源不存在'
          break
        case 500:
          message = '服务器内部错误'
          break
        default:
          message = `请求失败，状态码：${error.response.status}`
      }
    } else if (error.request) {
      // 请求已发出，但没有收到响应
      message = '网络连接失败，请检查后端服务是否启动'
    } else if (error.code === 'ECONNABORTED') {
      message = '请求超时'
    } else if (error.message) {
      message = error.message
    }
    
    ElMessage.error(message)
    return Promise.reject(error)
  }
)

export default request
